<div style="text-align: center">
  <div style="height: 200px; width: 300px; text-align: left; margin: 0px auto">
    <span>小区：</span><input type="text" placeholder="请输入小区名" [(ngModel)]="address" (ngModelChange)="inputOnChange($event)"/>
    <br>
    <br>
    <!--  <input type="text" placeholder="请输入所在地区" [(ngModel)]="city" />-->
    <span>地区：</span>
    <nz-cascader nzChangeOnSelect [nzOptions]="nzOptions" [(ngModel)]="values" (ngModelChange)="onChanges($event)"></nz-cascader>
    <br/>
    <br/>
    <button nz-button nzType="primary" (click)="getForInfo()" (keydown)="enterDown($event)">
      <i nz-icon nzType="search"></i>
      搜索
    </button>
  </div>

  <!--弹出对话框来显示结果-->
  <nz-modal [(nzVisible)]="isShowDialog" nzTitle="地理信息结果如下" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <ng-container *nzModalContent>
  <!--      <p>Content one</p>-->
  <!--      <p>Content two</p>-->
  <!--      <p>Content three</p>-->
      <br/>
      省：<input type="text" [value]="data.province" disabled/>
      <br/>
      <br/>
      市：<input type="text" [value]="data.city" disabled/>
      <br/>
      <br/>
      区：<input type="text" [value]="data.zone" disabled/>
      <br/>
      <br/>
      状态：<input type="text" [value]="data.status" disabled/>
      <br/>
      <br/>
      座机：<input type="text" [value]="data.cityCode" disabled/>
      <br/>
      <br/>
      街道：<input type="text" [value]="data.townShip" disabled/>
      <br/>
      <br/>
      社区：<input type="text" [value]="data.community" disabled/>
    </ng-container>
  </nz-modal>


  <!--  <div style="text-align: center">-->
  <!--    <ng-template [ngIf]="isShowTable">-->
  <!--      <div style="margin: 0px auto">-->
  <!--        <span>数据获取成功。。</span>-->
  <!--        <br>-->
  <!--        <br>-->
  <!--        信息码：<input type="text" [value]="data.infocode" disabled/>-->
  <!--        <br/>-->
  <!--        <br/>-->
  <!--        状态：<input type="text" [value]="data.status" disabled/>-->
  <!--        <br/>-->
  <!--        <br/>-->
  <!--        信息：<input type="text" [value]="data.info" disabled/>-->
  <!--        <br/>-->
  <!--        <br/>-->
  <!--        街道：<input type="text" [value]="data.townShip" disabled/>-->
  <!--      </div>-->
  <!--    </ng-template>-->
  <!--  </div>-->

</div>
